div.projeto{
    border: solid 3px #727272;
    margin: 20px;
    float: left;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.5s ease;
    width: 250px;
    height: 185px;
    padding: 3px 15px 3px 15px;
}
div.projeto .titulo{font-size: 24px; color: #4c4c4c; padding:0; margin-bottom: 10px; font-weight: bold}
div.projeto li{margin-bottom: -5px;}
div.projeto li.info{font-size: 14px; color: #4c4c4c}
div.projeto li.status{font-size: 18px; font-weight: bold; color: #4c4c4c}
div.projeto li.status a{text-decoration: none; color: #4c4c4c}
div.projeto ul.opcsProjeto{float: right; padding-top: 10px}
div.projeto ul.opcsProjeto li{padding-right: 10px !important; display: inline-block}
div.novoProjeto{
    background: #cccccc;
    text-align: center;
    font-size: 58px;
    font-weight: bold;
    opacity: 0.5;
    color: #4c4c4c;
}
div.novoProjeto:hover{
    opacity: 1;
}

.relOk{border-color: #000099 !important; background-color: #ccccff;}
.relOk:hover{background-color: #ccffff;}

.relMedio{border-color: #cccc00 !important; background-color: #ffff99;}
.relMedio:hover{background-color: #ffffcc;}

.relFinalizado{border-color: #009933 !important; background-color: #99ff99;}
.relFinalizado:hover{background-color: #ccffcc;}

.relAtraso{border-color: #cc0000 !important; background-color: #ff9999;}
.relAtraso:hover{background-color: #ffcccc;}